@import '../../ui/base'

.root
  position fixed
  z-index 40
  left 0
  top 50px
  display table
  width 100%
  text-align center
  transition-delay $animation-delay
  transition-timing-function $animation-curve-default
  transition-duration $animation-duration
  transition-property transform
  transform translate3d(0, 0, 0)
  box-shadow 0px -6px 7px 6px rgba(0,0,0,.3)
  &.hidden
    transform translate3d(0, -500px, 0)
  > div
    padding 10px
    display table-cell
    vertical-align middle
    span
      color #fff
      font-size 14px

.warn
  background-color rgb(227, 183, 113)
.error
  background-color rgba(231, 99, 110, .9)
.info
  background-color rgba(21, 138, 231, .9)
.success
  background-color rgba(29, 179, 133, .9)
